<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Free-Qwen3 - 世界首个免费无限制分布式AI算力平台</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
        }
        .serif-font {
            font-family: 'Noto Serif SC', serif;
        }
        .gradient-text {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        .feature-icon {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .code-block {
            background: #1a1a2e;
            border-radius: 12px;
            overflow: hidden;
        }
        .mermaid {
            display: flex;
            justify-content: center;
            margin: 2rem 0;
        }
        .drop-cap {
            float: left;
            font-size: 4rem;
            line-height: 1;
            font-weight: 700;
            margin-right: 0.5rem;
            margin-top: -0.2rem;
            color: #667eea;
        }
        .section-divider {
            height: 2px;
            background: linear-gradient(to right, transparent, #e5e7eb, transparent);
            margin: 4rem 0;
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
        .float-animation {
            animation: float 3s ease-in-out infinite;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Hero Section -->
    <section class="hero-gradient text-white py-24 px-6">
        <div class="max-w-6xl mx-auto text-center">
            <h1 class="text-5xl md:text-7xl font-bold mb-6 serif-font">Free-Qwen3</h1>
            <p class="text-xl md:text-2xl mb-8 opacity-90">世界首个免费无限制的分布式AI算力平台</p>
            <div class="flex flex-col md:flex-row gap-4 justify-center items-center">
                <a href="https://qwen3.slmnb.cn/" target="_blank" class="bg-white text-purple-700 px-8 py-4 rounded-full font-semibold hover:bg-gray-100 transition-all inline-flex items-center gap-2">
                    <i class="fas fa-rocket"></i>
                    立即开始使用
                </a>
                <div class="flex items-center gap-6 text-lg">
                    <span><i class="fas fa-server"></i> 50+ 分布式节点</span>
                    <span><i class="fas fa-microchip"></i> RTX 3090/4090</span>
                    <span><i class="fas fa-infinity"></i> 完全免费</span>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Content -->
    <main class="max-w-6xl mx-auto px-6 py-16">
        <!-- Introduction -->
        <section class="mb-16">
            <div class="bg-white rounded-2xl shadow-lg p-8 md:p-12">
                <p class="text-lg leading-relaxed text-gray-700">
                    <span class="drop-cap serif-font">F</span>ree-Qwen3是世界首个免费无限制的分布式AI算力平台，基于来自全国各地50多台家用电脑的3090、4080、4090显卡分布式算力，为开发者提供完全免费、无限制的Qwen3-30B-A3B大语言模型API。该平台的宗旨是通过整合分散的计算资源，降低AI应用的部署门槛，使更多人能够接触和使用高性能AI模型。
                </p>
            </div>
        </section>

        <div class="section-divider"></div>

        <!-- Core Advantages -->
        <section class="mb-16">
            <h2 class="text-4xl font-bold mb-10 text-center gradient-text">核心优势</h2>
            <div class="grid md:grid-cols-2 gap-6">
                <div class="bg-white rounded-xl shadow-md p-8 card-hover">
                    <div class="flex items-start gap-4">
                        <i class="fas fa-gift text-4xl feature-icon"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-2">完全免费</h3>
                            <p class="text-gray-600">无需注册，无需充值，立即获取API Key开始使用</p>
                        </div>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-md p-8 card-hover">
                    <div class="flex items-start gap-4">
                        <i class="fas fa-tachometer-alt text-4xl feature-icon"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-2">高性能体验</h3>
                            <p class="text-gray-600">由分布式高性能显卡提供强大算力支持</p>
                        </div>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-md p-8 card-hover">
                    <div class="flex items-start gap-4">
                        <i class="fas fa-brain text-4xl feature-icon"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-2">先进模型</h3>
                            <p class="text-gray-600">提供Qwen3-30B-A3B大语言模型，性能媲美DeepSeek-R1、o1、Grok-3等明星模型</p>
                        </div>
                    </div>
                </div>
                <div class="bg-white rounded-xl shadow-md p-8 card-hover">
                    <div class="flex items-start gap-4">
                        <i class="fas fa-network-wired text-4xl feature-icon"></i>
                        <div>
                            <h3 class="text-xl font-bold mb-2">开放生态</h3>
                            <p class="text-gray-600">支持个人用户分享算力，共同构建分布式计算网络</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div class="section-divider"></div>

        <!-- Model Features -->
        <section class="mb-16">
            <h2 class="text-4xl font-bold mb-10 text-center gradient-text">模型特点</h2>
            <div class="bg-white rounded-2xl shadow-lg p-8 md:p-12">
                <p class="text-lg mb-8 text-gray-700">Qwen3-30B-A3B是通义千问最新开源的大语言模型，具有以下特点：</p>
                <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <div class="flex items-center gap-3">
                        <i class="fas fa-cube text-purple-600"></i>
                        <span class="text-gray-700">采用混合专家模型架构</span>
                    </div>
                    <div class="flex items-center gap-3">
                        <i class="fas fa-database text-purple-600"></i>
                        <span class="text-gray-700">总参数量300亿，激活参数量30亿</span>
                    </div>
                    <div class="flex items-center gap-3">
                        <i class="fas fa-expand-arrows-alt text-purple-600"></i>
                        <span class="text-gray-700">支持128K上下文长度</span>
                    </div>
                    <div class="flex items-center gap-3">
                        <i class="fas fa-language text-purple-600"></i>
                        <span class="text-gray-700">支持119种语言和方言</span>
                    </div>
                    <div class="flex items-center gap-3">
                        <i class="fas fa-code text-purple-600"></i>
                        <span class="text-gray-700">在数学推理、代码生成和通用任务处理方面表现出色</span>
                    </div>
                    <div class="flex items-center gap-3">
                        <i class="fas fa-lightbulb text-purple-600"></i>
                        <span class="text-gray-700">支持思考模式和非思考模式</span>
                    </div>
                </div>
            </div>
        </section>

        <!-- Architecture Diagram -->
        <section class="mb-16">
            <div class="bg-white rounded-2xl shadow-lg p-8">
                <h3 class="text-2xl font-bold mb-6 text-center">平台架构</h3>
                <div class="mermaid">
                    graph TB
                        A[用户] -->|API请求| B[Free-Qwen3平台]
                        B --> C[负载均衡器]
                        C --> D[分布式算力池]
                        D --> E[RTX 3090节点]
                        D --> F[RTX 4080节点]
                        D --> G[RTX 4090节点]
                        E --> H[Qwen3-30B-A3B模型]
                        F --> H
                        G --> H
                        H -->|推理结果| B
                        B -->|响应| A
                        
                        style A fill:#f9f,stroke:#333,stroke-width:2px
                        style B fill:#bbf,stroke:#333,stroke-width:2px
                        style H fill:#bfb,stroke:#333,stroke-width:2px
                </div>
            </div>
        </section>

        <div class="section-divider"></div>

        <!-- Usage Methods -->
        <section class="mb-16">
            <h2 class="text-4xl font-bold mb-10 text-center gradient-text">使用方式</h2>
            
            <!-- API Usage -->
            <div class="mb-12">
                <h3 class="text-2xl font-bold mb-6 flex items-center gap-3">
                    <i class="fas fa-code text-purple-600"></i>
                    API使用
                </h3>
                <p class="text-lg mb-6 text-gray-700">平台提供REST API接口，示例请求如下：</p>
                <div class="code-block">
                    <div class="bg-gray-800 px-4 py-2 flex items-center justify-between">
                        <span class="text-gray-400 text-sm">bash</span>
                        <button onclick="copyCode()" class="text-gray-400 hover:text-white transition-colors">
                            <i class="fas fa-copy"></i>
                        </button>
                    </div>
                    <pre class="text-gray-300 p-6 overflow-x-auto"><code>curl --request POST \
  --url https://api.suanli.cn/v1/chat/completions \
  --header 'Authorization: Bearer sk-W0rpStc95T7JVYVwDYc29IyirjtpPPby6SozFMQr17m8KWeo' \
  --header 'Content-Type: application/json' \
  --data '{
  "model": "free:Qwen3-30B-A3B",
  "messages": [
    {
      "role": "user",
      "content": "如何看待人的一生"
    }
  ]
}'</code></pre>
                </div>
            </div>

            <!-- Local Deployment -->
            <div class="mb-12">
                <h3 class="text-2xl font-bold mb-6 flex items-center gap-3">
                    <i class="fas fa-desktop text-purple-600"></i>
                    本地部署
                </h3>
                <div class="bg-purple-50 rounded-xl p-6">
                    <p class="text-lg text-gray-700">用户可以下载"算了么"客户端，在本地电脑上运行Qwen3-30B-A3B大语言模型，享受离线、零延迟的AI体验。系统要求为单张RTX 90级别的显卡（如RTX 4090可达到30-40 tokens/秒的推理速度）。</p>
                </div>
            </div>

            <!-- Computing Power Sharing -->
            <div>
                <h3 class="text-2xl font-bold mb-6 flex items-center gap-3">
                    <i class="fas fa-share-alt text-purple-600"></i>
                    算力共享
                </h3>
                <p class="text-lg mb-6 text-gray-700">对于拥有高性能显卡的用户，平台提供了算力共享机制：</p>
                <div class="grid md:grid-cols-3 gap-4">
                    <div class="bg-gradient-to-br from-purple-100 to-pink-100 rounded-xl p-6 text-center">
                        <i class="fas fa-clock text-3xl text-purple-600 mb-3"></i>
                